.city_list {

  
    .list_content {
        width:100%;
        height: calc(100vh - 45px);
        .city_list_name {
            height: 40px;
            display: flex;
            align-items: center;
            padding-left:5px;
            color:#ccc;
            font-size:15px;
        }
      
        .city_list_content {
          .list_item {
            padding-left:5px;
            display:flex;
            align-items: center;
            height: 40px;
            font-size:15px;
            border-bottom: 1px solid #ccc;
          }
        }
    }
    .key_list{
        position: fixed;
        top:10%;
        right:0;
        .key_item{
            display: flex;
            align-items: center;
            justify-content:center;
            height: 28px;
            width: 28px;

        }
        .active{
            background:green;
            color:white;
            border-radius: 20px;

        }
    }

  }